<script lang="ts" setup>

import {ref} from 'vue';
import FansComp from "@/components/FansComp.vue";
import FollowComp from "@/components/FollowComp.vue";

import { useRoute } from 'vue-router';


const active = ref(0);

const route = useRoute();
const index = route.query.index;
console.log('接收索引为'+index)
console.log(route)
active.value=Number(index);

</script>

<template>
  <div>
    <van-tabs v-model:active="active" color="red" line-width="30px" shrink>
      <van-tab title="我的关注"  title-style="font-size:16px" >
        <FollowComp></FollowComp>
      </van-tab>
      <van-tab title="我的粉丝" title-style="font-size:16px">
        <FansComp></FansComp>
      </van-tab>
    </van-tabs>

  </div>
</template>

<style lang="scss" scoped>



</style>
